@charset 'UTF-8';
@import "../common/_functions.scss";
@import "../common/_variables.scss";

@import "../integral/common_header.scss";

body {
    background-color: $_fff;
}
main {
    background-color: $_eee;
}
//button
.commit-return {
    width: px2rem(690);
    line-height: px2rem(74);
    background-color: $_0093ff;
    font-size: px2rem(30);
    color: $_fff;
    text-align: center;
    display: block;
    margin: px2rem(23) px2rem(30);
    border-radius: px2rem(5);
}


.comb-goods {
    background-color: $_fff;
    padding: 0 px2rem(30);
    &:nth-child(n+2) {
        border-top: $border;
    }
    .one-goods {
        min-height: px2rem(190);
        padding: px2rem(30) 0;
        &:nth-child(n+2) {
            border-top: $border;
        }
        &:nth-child(n+4) {
            display: none;
        }
        .show {
            font-size: px2rem(28);
            img {
                border: 1px solid $_cfcfcf;
                width: px2rem(130);
                height: px2rem(130);
                float: left;
            }
            span {
                width: px2rem(530);
                display: block;
                float: left;
                margin-left: px2rem(30);
                margin-top: px2rem(10);
            }
        }
    }
}
.show-more, .show-less {
    height: px2rem(50);
    font-size: px2rem(28);
    color: $_333;
    text-align: center;
    background-color: $_fff;
    &:after {
        content: "";
        display: inline-block;
        width: px2rem(25);
        height: px2rem(25);
        border-right: px2rem(5) solid $_999;
        border-bottom: px2rem(5) solid $_999;
        transform: rotate(45deg);
        margin-left: px2rem(12);
        vertical-align: top;
    }
}
.show-less:after {
    border-right: px2rem(5) solid $_03a9f4;
    border-bottom: px2rem(5) solid $_03a9f4;
    transform: rotate(225deg);
    vertical-align: bottom;
}
.return-info {
    padding: 0 px2rem(30);
    background-color: $_fff;
    line-height: px2rem(80);
    font-size: px2rem(28);
    color: $_666;
    border-top: $border;
    border-bottom: $border;
    margin-bottom: px2rem(20);
    .buy-num, .return-reason {
        float: left;
        em {
            font-size: px2rem(28);
            color: $_333;
            margin-left: px2rem(16);
        }
    }
    .return-num {
        float: right;
        margin-right: px2rem(20);
        min-width: px2rem(350);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    //修改自 detail_select.scss
    .btn_number{
        display: inline-block;
        border: $border;
        height: pxToRem(54px);
        line-height: pxToRem(54px);
        background: $_f5f5f5;
        .disabled{
            color: $_ccc;
        }
        a {
            float: left;
            text-align: center;
            width: pxToRem(68px);
            font-size: px2rem(48);
            color: $_999;
            text-decoration: none;
            margin-top: px2rem(-4);
        }
        input {
            width: pxToRem(76px);
            border-left: $border;
            border-right: $border;
            text-align: center;
            float: left;
            height: 100%;
            font-size: px2rem(36);
            color: $_333;
        }
    }
    .selector {
        float: right;
        position: relative;
        .select-reason {
            width: px2rem(500);
            height: px2rem(80);
            border: none;
            font-size: px2rem(24);
            background-color: transparent;
            color: $_ccc;
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            padding-right: px2rem(64);
            direction: rtl;
            vertical-align: top;
        }
        .arrow-down {
            display: block;
            position: absolute;
            top: px2rem(28);
            right: px2rem(30);
            width: px2rem(19);
            height: px2rem(19);
            border-right: px2rem(4) solid $_666;
            border-bottom: px2rem(4) solid $_666;
            transform: rotate(45deg);
        }
        /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
        select::-ms-expand { display: none; }
    }
}
.return-detail {
    width: px2rem(750);
    height: px2rem(232);
    margin-top: px2rem(-20);
    padding: px2rem(30);
    background-color: $_fff;
    textarea {
        width: px2rem(690);
        height: 100%;
        background-color: $_eee;
        font-size: px2rem(24);
        color: $_999;
        resize: none;
        padding: px2rem(12) px2rem(16);
    }
}
.tips {
    color: $_e51c23;
    font-size: px2rem(24);
    line-height: px2rem(40);
    padding: 0 px2rem(30);
    background-color: $_ccc;
    .icon-em {
        margin-top: px2rem(6);
        border: 1px solid $_e51c23;
        border-radius: 50%;
        display: block;
        float: left;
        margin-right: px2rem(10);
        width: px2rem(26);
        height: px2rem(26);
        line-height: px2rem(26);
        text-align: center;
        font-size: px2rem(18);
    }
}